
body,html{
    scroll-behavior: smooth;
        }
    
.layout{
    a{
        text-decoration: none;
    }
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    border: 1px solid #ccc;
    box-sizing: border-box;
    max-width: 640px;
    //顶部:
    .mmb_header {
        background-color: #ff9000;
        height: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        img{
            display: block;
            width: 100%;
        }
        h1 {
            padding-left: 10px;
    
            a {
                display: block;
                width: 200px;
            }
        }
    
        div {
            padding-right: 10px;
    
            a {
                display: block;
                width: 34px;
            }
        }
    }
    //搜索:
    .mmb_search {
    form {
        display: flex;
        justify-content: space-between;
        margin: 10px;

        input {
            flex: 1;
            outline: none;
            border: 1px solid #ccc;
            border-radius: 20px;
            line-height: 26px;
            padding-left: 30px;
        }

        .search_icon {
            position: absolute;
            width: 30px;
            height: 30px;
            z-index: 999;
            color: #ccc;
            background-image: url(../../images/icon_bar.png);
            background-size: 800%;
            background-position: -7px -9px; 
        }

        button {
            outline: none;
            margin-left: 15px;
            line-height: 26px;
            border: none;
            background-color: #ff9000;
            color: #fff;
            border-radius: 20px;
            width: 70px;
        }
    }
    }

    //快速入口:
    .quickCenter{
        width: 100%;
        background-color: #fff;
        display: flex;
        flex-wrap:wrap;
        padding: 6px 0px 15px 0px;
        >.item{
            width: 25%;
            text-align: center;
            margin-bottom: 15px;
            >a{
                display: block;
                >.pic{
                    img{
                        width: 70px;
                    }
                }
            }
            .name{
                color: #5a5a5a;
                margin-top: 3px;
                font-size: 13px;
            }
        }
        >.item:nth-of-type(12),{
        display: none;
        }
        >.item:nth-of-type(11),{
            display: none;
        }
        >.item:nth-of-type(9),{
            display: none;
        }
        >.item:nth-of-type(10),{
            display: none;
        }
    }



    //超值推荐:
    .superplice{
        line-height: 40px;
        height: 40px;
        background-color: #ff9000;
        >a{
            display: block;
            padding: 0 10px;
            >span{
                color: #fff;
            }
            >img{
                float: right;
                width: 20px;
                margin-top: 10px;
            }
        }
    }

    //推荐商品:
    .product{
        border: 1px solid #ccc;
        .product_list{
            >li{
                padding: 10px 10px;
                display: flex;
                border-bottom: 1px solid #ccc;
                >a{
                    flex: 0.75;
                    img{
                        width: 180px;
                    }
                }
                >.sale{
                    margin-left: 10px;
                    font-size: 15px;
                    flex: 1.25;
                    >.title{
                        margin-top: 20px;
                        >span{
                            color: red;
                        }
                    }
                    >.other{
                        display: flex;
                        justify-content: space-between;
                        color: #aaa;
                        margin-top: 50px;
                    }
                }
            }
        }
        .more_bar
        {
            text-align: center;
            width: 100%;
            >a{
                display: block;
                line-height: 30px;
                background: #F4F4F4;
                text-decoration: none;
                font-size: 13px;
                background-image: linear-gradient(#ffffff, #f4f4f4);
                margin: 10px;
                border: 1px solid #dddddd;
                border-radius: 4px;
                color: black;
            }
        }

    }


    //品牌排行:
    .brandRanking{
        line-height: 40px;
        height: 40px;
        background-color: #ff9000;
        >a{
            display: block;
            padding: 0 10px;
            >span{
                color: #fff;
            }
            >img{
                float: right;
                width: 20px;
                margin-top: 10px;
            }
        }
    }

    //底部:
    #foot{
        .foot_top {
        background: #efefef;
        border-top: 1px solid #c4c4c4;
        border-bottom: 1px solid #c4c4c4;
        height: 34px;
        line-height: 34px;
        clear: both;
        >a {
            box-sizing: border-box;
            float: left;
            font-size: 14px;
            border-right: 1px solid #c4c4c4;
            text-align: center;
            width: 30%;
            color: black;
            >img {
                vertical-align: middle;
                width: 15px;
                height: 15px;
                margin-top: -5px;
                margin-right: 2px;
                top: 14px;
                left: 55px;
            }
        }
    }
    .footer {
        background: #efefef;
        text-align: center;
        font-size: 12px;
        padding: 15px 0;
        color: #666;
    }
    }
}



//字体图标:
@font-face {
    font-family: 'iconfont';
    src: url('/fonts/font_liyan/iconfont.eot');
    src: url('/fonts/font_liyan/iconfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/font_liyan/iconfont.woff') format('woff'),
    url('/fonts/font_liyan/iconfont.ttf') format('truetype'),
    url('/fonts/font_liyan/iconfont.svg#iconfont') format('svg');
  }
  .iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }